@charset "utf-8";
/* CSS Document */
@media screen and (max-width:360px){
 body {
  padding: 5px;
  font: 18px "Lucida Grande", Helvetica, Arial, sans-serif;
  text-align: center;
  background-color: #fff;
}
h1 {
  color:#000;
  text-align: center;
  vertical-align:middle;
  z-index: 999;
  -webkit-text-shadow: 2px 2px 4px #444444;
  text-shadow: 2px 2px 4px #444444;
}
a {
  color: #00B7FF;
}

.button{
  width: 140px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  text-shadow:1px 1px 1px #333;
  border-radius: 5px;
  margin:25px 0 10px 0;
  position: relative;
  overflow: hidden;
}
.button:nth-child(6n){
  margin-right: 0;
}
.button.gray{
  color: #8c96a0;
  text-shadow:1px 1px 1px #fff;
  border:1px solid #dce1e6;
  box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
  background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
  background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
  background: linear-gradient(top,#f2f3f7,#e4e8ec);
}
.button.black{
  border:1px solid #333;
  box-shadow: 0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset;
  background: -webkit-linear-gradient(top,#656565,#4c4c4c);
  background: -moz-linear-gradient(top,#656565,#4a4a4a);
  background: linear-gradient(top,#656565,#4a4a4a);
}
.button.red{
  border:1px solid #b42323;
  box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
  background: -webkit-linear-gradient(top,#d53939,#b92929);
  background: -moz-linear-gradient(top,#d53939,#b92929);
  background: linear-gradient(top,#d53939,#b92929);
}
.button.yellow{
  border:1px solid #d2a000;
  box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
  background: -webkit-linear-gradient(top,#fece34,#d8a605);
  background: -moz-linear-gradient(top,#fece34,#d8a605);
  background: linear-gradient(top,#fece34,#d8a605);
}
.button.green{
  border:1px solid #64c878;
  box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;
  background: -webkit-linear-gradient(top,#90dfa2,#84d494);
  background: -moz-linear-gradient(top,#90dfa2,#84d494);
  background: linear-gradient(top,#90dfa2,#84d494);
}
.button.blue{
  border:1px solid #1e7db9;
  box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
  background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
  background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
  background: linear-gradient(top,#42a4e0,#2e88c0);
}
.gray:hover{
  background: -webkit-linear-gradient(top,#fefefe,#ebeced);
  background: -moz-linear-gradient(top,#f2f3f7,#ebeced);
  background: linear-gradient(top,#f2f3f7,#ebeced);
}
.black:hover{
  background: -webkit-linear-gradient(top,#818181,#575757);
  background: -moz-linear-gradient(top,#818181,#575757);
  background: linear-gradient(top,#818181,#575757);
}
.red:hover{
  background: -webkit-linear-gradient(top,#eb6f6f,#c83c3c);
  background: -moz-linear-gradient(top,#eb6f6f,#c83c3c);
  background: linear-gradient(top,#eb6f6f,#c83c3c);
}
.yellow:hover{
  background: -webkit-linear-gradient(top,#ffd859,#e3bb38);
  background: -moz-linear-gradient(top,#ffd859,#e3bb38);
  background: linear-gradient(top,#ffd859,#e3bb38);
}
.green:hover{
  background: -webkit-linear-gradient(top,#aaebb9,#82d392);
  background: -moz-linear-gradient(top,#aaebb9,#82d392);
  background: linear-gradient(top,#aaebb9,#82d392);
}
.blue:hover{
  background: -webkit-linear-gradient(top,#70bfef,#4097ce);
  background: -moz-linear-gradient(top,#70bfef,#4097ce);
  background: linear-gradient(top,#70bfef,#4097ce);
}
.gray:active{
  top:1px;
  box-shadow: 0 1px 3px #a8abae inset,0 3px 0 #fff;
  background: -webkit-linear-gradient(top,#e4e8ec,#e4e8ec);
  background: -moz-linear-gradient(top,#e4e8ec,#e4e8ec);
  background: linear-gradient(top,#e4e8ec,#e4e8ec);
}
.black:active{
  top:1px;
  box-shadow: 0 1px 3px #111 inset,0 3px 0 #fff;
  background: -webkit-linear-gradient(top,#424242,#575757);
  background: -moz-linear-gradient(top,#424242,#575757);
  background: linear-gradient(top,#424242,#575757);
}
.red:active{
  top:1px;
  box-shadow: 0 1px 3px #5b0505 inset,0 3px 0 #fff;
  background: -webkit-linear-gradient(top,#b11a1a,#bf2626);
  background: -moz-linear-gradient(top,#b11a1a,#bf2626);
  background: linear-gradient(top,#b11a1a,#bf2626);
}
.yellow:active{
  top:1px;
  box-shadow: 0 1px 3px #816b1f inset,0 3px 0 #fff;
  background: -webkit-linear-gradient(top,#d3a203,#dba907);
  background: -moz-linear-gradient(top,#d3a203,#dba907);
  background: linear-gradient(top,#d3a203,#dba907);
}
.green:active{
  top:1px;
  box-shadow: 0 1px 3px #4d7254 inset,0 3px 0 #fff;
  background: -webkit-linear-gradient(top,#5eac6e,#72b37e);
  background: -moz-linear-gradient(top,#5eac6e,#72b37e);
  background: linear-gradient(top,#5eac6e,#72b37e);
}
.blue:active{
  top:1px;
  box-shadow: 0 1px 3px #114566 inset,0 3px 0 #fff;
  background: -webkit-linear-gradient(top,#1a71a8,#1976b1);
  background: -moz-linear-gradient(top,#1a71a8,#1976b1);
  background: linear-gradient(top,#1a71a8,#1976b1);
}
/*底部*/
.img_foot{width:90%;min-width:200px; margin:0px auto; margin-top:30px; margin-bottom:0px}
.img_foot>a{ display:block; width:61px; height:61px; margin:0px auto}
.img_foot>a img{ width:61px; height:61px}
.img_foot h2{ height:38px; line-height:38px; margin:0px; font-weight:bold}
.foot_spanp{ height:30px; line-height:30px; margin:0px; color:#000; font-weight:bold; width:220px; margin:0px auto}
.foot_spanptwo{width:180px; text-indent:3em;height:30px; line-height:30px; margin-left:5px}
/**/
.fix{ width:100%; height:60px;background:#000;-moz-opacity:0.8;opacity:0.8;background:rgba(0,0,0,0.8); z-index:222; filter:Alpha(opacity=80); -webkit-opacity:0.8; position:fixed; bottom:0px; left:0px}
.fix_main{ width:100%; height:60px;}
.fix_left{ width:15%; height:42px; float:left; margin-top:9px}
.fix_left a{ display:block; width:100%; height:100%;}
.fix_left a>img{width:42px; height:42px;}
.fix_center{ width:61%; height:52px; float:left; margin-top:5px}
.fix_centerfirst{ width:100%; height:26px;}
.fix_centertwo{ width:100%; height:26px}
.fix_first{ width:36%; height:26px;color:#FFF; float:left;  line-height:26px;font-size:16px; margin:0px}
.fix_two{ width:55%; height:26px; line-height:26px; color:#FFF; float:left; font-size:16px; margin:0px}
.fix_three{width:32%; height:26px; font-size:14px; color:#f1f1f1; float:left;  line-height:26px;}
.fix_four{ width:62%; height:26px; line-height:26px;float:left; float:left; color:#f1f1f1; font-size:14px; text-align:left}
.fix_five{ width:8px; height:20px; float:left; color:#f1f1f1; font-size:13px; line-height:18px; text-align:center; margin-top:6px;}
.fix_right{ width:15%; height:40px; float:left; margin-top:10px; margin-right:5%;}
.fix_right a{ display:block; width:100%; height:40px; line-height:40px; color:#FFF; font-size:10px; text-align:center; text-decoration:none; border:1px solid #f1f1f1; border-radius:5px}
}